<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>车城社</title>
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
</style>
</head>
<body>
<div id="header">
    <div class="w_1200">
		<div class="logo fl"></div>
		<div class="menu fr">
			<ul>
				<li>
					<a href="index.html" class="index current">
						<span class="english">HOME</span>
						<em></em>
						<span class="chinese">首页</span>
						<i></i>
					</a>
				</li>
				<li>
					<a href="about.html">
						<span class="chinese">关于我们</span>
						<i></i>
					</a>
				</li>
				<li>
					<a href="joinus.html">
						<span class="chinese">加入我们</span>
						<i></i>
					</a>
				</li>
				<li>
					<a href="cooperate.html">
						<span class="chinese">商务合作</span>
						<i></i>
					</a>
				</li>
				<li>
					<a href="" target="_blank" class="backHome">
						<i></i>
				        <span>返回车城社首页</span>
					</a>
				</li>
			</ul>
		</div>
	</div>
</div>

<div class="js-silder" data-sabglayer="">
   <div class="silder-scroll">
        <div class="silder-main">
            <div class="silder-main-img">
                <img src="images/banner.png" alt="">
            </div>
            <div class="silder-main-img">
               <img src="images/banner.png" alt="">
            </div>
            <div class="silder-main-img">
                <img src="images/banner.png" alt="">
            </div>
        </div>
    </div>
</div>

<div class="indexCon">
	<!-- 产品特色 -->
	<div class="product">
	    <div class="pTit">
	    	<div class="hz-header mt_60">
		    	<i class="wow lightSpeedIn redLine-top"></i>
		    	<h2>PRODUCT FEATURES</h2>
		    	<div class="topT"><span class="red">产品</span><i class="icon_1"></i><span class="dark">特色</span></div>
		    	<p>车城社项目是汽车频道内容和网络品牌广告的优良载体,具有特色的频道且最受欢迎的频道包括如下：</p>
		    </div>
	    </div>	
		<div class="pIcon">
		    <div class="w_1200">
		        <div class="pIlist">
			    	<div class="icon_k">
						<div class="normal">
							<img src="images/a_1.png">
							<span class="chinese">新车资讯</span>
							<span class="english">CAR INFORMATION</span>
						</div>
						<div class="hover">
							<i class="num n_01"><img src="images/01.png"></i>
							<img src="images/a_1_hover.png">
							<span class="chinese">新车资讯</span>
							<span class="english">CAR INFORMATION</span>
							<i class="icon_3"></i>
						</div>
					</div>
					<div class="icon_k">
						<div class="normal">
							<img src="images/a_2.png">
							<span class="chinese">试驾评测</span>
							<span class="english">TEST DRIVE EVALUATION</span>
						</div>
						<div class="hover">
							<i class="num n_02"><img src="images/02.png"></i>
							<img src="images/a_2_hover.png">
							<span class="chinese">试驾评测</span>
							<span class="english">TEST DRIVE EVALUATION</span>
							<i class="icon_3"></i>
						</div>
					</div>
					<div class="icon_k">
						<div class="normal">
							<img src="images/a_3.png">
							<span class="chinese">购车指南</span>
							<span class="english">CAR BUYING GUIDE</span>
						</div>
						<div class="hover">
							<i class="num n_03"><img src="images/03.png"></i>
							<img src="images/a_3_hover.png">
							<span class="chinese">购车指南</span>
							<span class="english">CAR BUYING GUIDE</span>
							<i class="icon_3"></i>
						</div>
					</div>
					<div class="icon_k">
						<div class="normal">
							<img src="images/a_4.png">
							<span class="chinese">优惠购车</span>
							<span class="english">PREFERENTIAL CAR</span>
						</div>
						<div class="hover">
							<i class="num n_04"><img src="images/04.png"></i>
							<img src="images/a_4_hover.png">
							<span class="chinese">优惠购车</span>
							<span class="english">PREFERENTIAL CAR</span>
							<i class="icon_3"></i>
						</div>
					</div>
					<div class="icon_k">
						<div class="normal">
							<img src="images/a_5.png">
							<span class="chinese">对比购车</span>
							<span class="english">COMPARISON CAR</span>
						</div>
						<div class="hover">
							<i class="num n_05"><img src="images/05.png"></i>
							<img src="images/a_5_hover.png">
							<span class="chinese">对比购车</span>
							<span class="english">COMPARISON CAR</span>
							<i class="icon_3"></i>
						</div>
					</div>
					<div class="icon_k">
						<div class="normal">
							<img src="images/a_4.png">
							<span class="chinese">优惠购车</span>
							<span class="english">PREFERENTIAL CAR</span>
						</div>
						<div class="hover">
							<i class="num n_04"><img src="images/04.png"></i>
							<img src="images/a_4_hover.png">
							<span class="chinese">优惠购车</span>
							<span class="english">PREFERENTIAL CAR</span>
							<i class="icon_3"></i>
						</div>
					</div>
					<div class="icon_k">
						<div class="normal">
							<img src="images/a_5.png">
							<span class="chinese">对比购车</span>
							<span class="english">COMPARISON CAR</span>
						</div>
						<div class="hover">
							<i class="num n_05"><img src="images/05.png"></i>
							<img src="images/a_5_hover.png">
							<span class="chinese">对比购车</span>
							<span class="english">COMPARISON CAR</span>
							<i class="icon_3"></i>
						</div>
					</div>
				</div>
				<div class="hd">
				    <a href="javascript:void(0)" class="prev"></a>
					<a href="javascript:void(0)" class="next"></a>
				</div>
		    </div>
		</div>
	</div>
	<!-- 合作优势 -->
	<div class="hezuo">
	    <div class="pTit">
	    	<div class="hz-header">
		    	<i class="wow lightSpeedIn redLine-top"></i>
		    	<h2>ADVANTAGE</h2>
		    	<div class="topT"><span class="red">合作</span><i class="icon_1"></i><span class="dark">优势</span></div>
		    	<p>车城社项目是汽车频道内容和网络品牌广告的优良载体,具有特色的频道且最受欢迎的频道包括如下：</p>
		    </div>
	    </div>
	    <div class="w_1200">
	    	<div class="bigPic mr20">
	    		<figure class="hzPic wow fadeInUp">
		      		<img src="images/s2.png">
		      		<figcaption>
			      	<h2>
			      	    <span class="num1"></span>
				      	<p>确保合作网站获取最新、最丰富的汽车资讯内容</p>
				    </h2>
				    <span class="tBg"></span>
				    <a href="" target="_blank">view more</a>
				    </figcaption>
		      </figure> 
	    	</div>
	    	<div class="bigPic mr20">
	    		<figure class="hzPic wow fadeInUp">
		      		<img src="images/s3.png">
		      		<figcaption>
			      	<h2>
			      	    <span class="num2"></span>
				      	<p>提升合作网站的流量与用户留存</p>
				    </h2>
				    <span class="tBg"></span>
				    <a href="" target="_blank">view more</a>
				    </figcaption>
		      </figure> 
	    	</div>
	    	<div class="bigPic">
	    		<figure class="hzPic wow fadeInUp">
		      		<img src="images/s4.png">
		      		<figcaption>
			      	<h2>
			      	    <span class="num3"></span>
				      	<p>免除合作频道的服务器及人力成本</p>
				    </h2>
				    <span class="tBg"></span>
				    <a href="" target="_blank">view more</a>
				    </figcaption>
		      </figure> 
	    	</div>
	    </div>	
	</div>
	<!-- 关于我们 -->
	<div class="aboutUs">
		<div class="pTit">
	    	<div class="hz-header">
		    	<i class="wow lightSpeedIn redLine-top"></i>
		    	<h2>ABOUT US</h2>
		    	<div class="topT"><span class="red">关于</span><i class="icon_1"></i><span class="dark">我们</span></div>
		    	<p>车城社项目是汽车频道内容和网络品牌广告的优良载体,具有特色的频道且最受欢迎的频道包括如下：</p>
		    </div>
	    </div>
	    <div class="w_about">
	        <div class="aboutCon">       
	        	<section>
	        	    <div class="tit-warp">
	        	    	<h3>
	        	    		<span class="qy"><em class="red">企<i></i>业<i></i></em>介<i></i>绍</span><span class="engInfo">BUSINESS INTRODUCTION</span>
	        	    	</h3>
	        	    </div>
	        		<div class="des-wrap">
		              <p class="wow fadeInUpBig description">车城网络科技（上海）有限公司南京分公司是车城控股股份有限公司旗下专业为网络媒体提供全方位（资讯内容、发布系统及服务器）支持服务的互联网内容供应机构。公司独立孵化的产品车城社，不仅是媒体，更是整合传播平台。</p>
		               <p class="wow fadeInUpBig description">随传媒行业产业链变长，一方面网络媒体为了减轻运营的压力。即除了需要大量的文字内容外，还需要海量的图片、产品数据库、互动交流等全方位的内容，复杂的网络发布系统CMS的技术支持......</p>
		               <div class="more-view"><a href="" target="_blank">查看更多<i class="icon_2"></i></a></div>
	                </div>
	        	</section>
        	</div>
        </div>
	</div>

	<!-- 加入我们 -->
	<div class="joinUs">
		<div class="pTit">
	    	<div class="hz-header">
		    	<i class="wow lightSpeedIn redLine-top"></i>
		    	<h2>JOIN US</h2>
		    	<div class="topT"><span class="red">加入</span><i class="icon_1"></i><span class="dark">我们</span></div>
		    	<p>亲，如果你符合下面的需求，那我们等你等你很久了！期待您的来访，哪怕只是坐下来喝杯咖啡聊聊天…</p>
		    </div>
	    </div>
	    <div class="jiCon">
		    <div class="w_1200">
		        <section>
		        	<div class="container">
		    	      <div class="menuL">
		    	        <div class="hd">
		    	            <a class="prev"></a>
		    	      		<a class="next"></a>
		    	        </div>
		    	        <div class="menuList">
		    	            <div class="zhiweiCon">
			    	            <div class="zhiwei product">
			    	      		    <a href="javascript:;">
			    	      		     	<span class="zwName">产品经理</span>
			    	      		     	<span class="egName">Product Manager</span>
			    	      			</a>
			    	      		</div>
				    	      	<div class="zhiwei front">
			    	      		    <a href="javascript:;">
			    	      		     	<span class="zwName">前端工程师</span>
			    	      		     	<span class="egName">Front end Engineer</span>
			    	      			</a>
			    	      		</div>
				    	      	<div class="zhiwei user">
			    	      		    <a href="javascript:;">
			    	      		     	<span class="zwName">UI设计师</span>
			    	      		     	<span class="egName">User Internet Designer</span>
			    	      			</a>
			    	      		</div>
				    	      	<div class="zhiwei php">
			    	      		    <a href="javascript:;">
			    	      		     	<span class="zwName">php开发工程师</span>
			    	      		     	<span class="egName">PHP development engineer</span>
			    	      			</a>
			    	      		</div>
			    	      		<div class="zhiwei sale">
			    	      		    <a href="javascript:;">
			    	      		     	<span class="zwName">销售经理</span>
			    	      		     	<span class="egName">Sale Manager</span>
			    	      			</a>
			    	      		</div>
		    	      		</div>
		    	      		
		    	        </div>
		    	        <em class="zhiwei_line"></em>
		    	      </div>
		    	      <div class="icont">
			    	      <div class="zhiInfo clearfix">
			    	      	   <div class="L_1 fl">
			    	      	   	    <i class="icon"><img src="images/z_1_1.png"></i>
			    	      	   	    <div class="zw">
			    	      	   	    	<span class="english">Product Manager</span>
			    	      	   	    	<em></em>
			    	      	   	    	<span class="chinese">产品经理</span>
			    	      	   	    </div>
			    	      	   	    <div class="zwCon">
			    	      	   	        <span>职责范围</span>
			    	      	   	    	<p>1、品牌、终端宣传资料视觉呈现（包括画报、活动专题页、活动图、专题图、营销图的创意设计）；</p>
										<p>2、负责公司宣传手册、海报、单页等各种宣传物料的设计和制作；</p>
										<p>3、了解最新的设计发展趋势，收集行业竞品的信息，从美术角度配合投放人员共同提高投放效果；</p>
			    	      	   	    </div>
			    	      	   	    <div class="product more-view">
			    	      	   	    	<a href="" target="_blank">查看更多<i class="icon_2"></i></a>
			    	      	   	    </div>
			    	      	   </div>
			    	      	   <div class="L_2 fr">
	                                <em class="line"></em>
			    	      	   	    <img src="images/z_1.png">
			    	      	   </div>
			    	      </div>
			    	      <div class="zhiInfo clearfix">
			    	      	   <div class="L_1 fl">
			    	      	   	    <i class="icon"><img src="images/z_1_2.png"></i>
			    	      	   	    <div class="zw">
			    	      	   	    	<span class="english">Front end Engineer</span>
			    	      	   	    	<em></em>
			    	      	   	    	<span class="chinese">前端工程师</span>
			    	      	   	    </div>
			    	      	   	    <div class="zwCon">
			    	      	   	        <span>职责范围</span>
			    	      	   	    	<p>1、品牌、终端宣传资料视觉呈现（包括画报、活动专题页、活动图、专题图、营销图的创意设计）；</p>
										<p>2、负责公司宣传手册、海报、单页等各种宣传物料的设计和制作；</p>
										<p>3、了解最新的设计发展趋势，收集行业竞品的信息，从美术角度配合投放人员共同提高投放效果；</p>
			    	      	   	    </div>
			    	      	   	    <div class="front more-view">
			    	      	   	    	<a href="" target="_blank">查看更多<i class="icon_2"></i></a>
			    	      	   	    </div>
			    	      	   </div>
			    	      	   <div class="L_2 fr">
	                                <em class="line"></em>
			    	      	   	    <img src="images/z_1.png">
			    	      	   </div>
			    	      </div>
			    	      <div class="zhiInfo clearfix">
			    	      	   <div class="L_1 fl">
			    	      	   	    <i class="icon"><img src="images/z_1_3.png"></i>
			    	      	   	    <div class="zw">
			    	      	   	    	<span class="english">UI Internet Designer</span>
			    	      	   	    	<em></em>
			    	      	   	    	<span class="chinese">UI设计师</span>
			    	      	   	    </div>
			    	      	   	    <div class="zwCon">
			    	      	   	        <span>职责范围</span>
			    	      	   	    	<p>1、品牌、终端宣传资料视觉呈现（包括画报、活动专题页、活动图、专题图、营销图的创意设计）；</p>
										<p>2、负责公司宣传手册、海报、单页等各种宣传物料的设计和制作；</p>
										<p>3、了解最新的设计发展趋势，收集行业竞品的信息，从美术角度配合投放人员共同提高投放效果；</p>
			    	      	   	    </div>
			    	      	   	    <div class="user more-view">
			    	      	   	    	<a href="" target="_blank">查看更多<i class="icon_2"></i></a>
			    	      	   	    </div>
			    	      	   </div>
			    	      	   <div class="L_2 fr">
	                                <em class="line"></em>
			    	      	   	    <img src="images/z_1.png">
			    	      	   </div>
			    	      </div>
			    	      <div class="zhiInfo clearfix">
			    	      	   <div class="L_1 fl">
			    	      	   	    <i class="icon"><img src="images/z_1_4.png"></i>
			    	      	   	    <div class="zw">
			    	      	   	    	<span class="english">PHP development engineer</span>
			    	      	   	    	<em></em>
			    	      	   	    	<span class="chinese">php开发工程师</span>
			    	      	   	    </div>
			    	      	   	    <div class="zwCon">
			    	      	   	        <span>职责范围</span>
			    	      	   	    	<p>1、品牌、终端宣传资料视觉呈现（包括画报、活动专题页、活动图、专题图、营销图的创意设计）；</p>
										<p>2、负责公司宣传手册、海报、单页等各种宣传物料的设计和制作；</p>
										<p>3、了解最新的设计发展趋势，收集行业竞品的信息，从美术角度配合投放人员共同提高投放效果；</p>
			    	      	   	    </div>
			    	      	   	    <div class="php more-view">
			    	      	   	    	<a href="" target="_blank">查看更多<i class="icon_2"></i></a>
			    	      	   	    </div>
			    	      	   </div>
			    	      	   <div class="L_2 fr">
	                                <em class="line"></em>
			    	      	   	    <img src="images/z_1.png">
			    	      	   </div>
			    	      </div>
			    	      <div class="zhiInfo clearfix">
			    	      	   <div class="L_1 fl">
			    	      	   	    <i class="icon"><img src="images/z_1_1.png"></i>
			    	      	   	    <div class="zw">
			    	      	   	    	<span class="english">Sale Manager</span>
			    	      	   	    	<em></em>
			    	      	   	    	<span class="chinese">销售经理</span>
			    	      	   	    </div>
			    	      	   	    <div class="zwCon">
			    	      	   	        <span>职责范围</span>
			    	      	   	    	<p>1、品牌、终端宣传资料视觉呈现（包括画报、活动专题页、活动图、专题图、营销图的创意设计）；</p>
										<p>2、负责公司宣传手册、海报、单页等各种宣传物料的设计和制作；</p>
										<p>3、了解最新的设计发展趋势，收集行业竞品的信息，从美术角度配合投放人员共同提高投放效果；</p>
			    	      	   	    </div>
			    	      	   	    <div class="zwBtn">
			    	      	   	    	
			    	      	   	    </div>
			    	      	   </div>
			    	      	   <div class="L_2 fr">
	                                <em class="line"></em>
			    	      	   	    <img src="images/z_1.png">
			    	      	   </div>
			    	      </div>
		    	      </div>
		    	   </div>
		        </section>
	        </div>
        </div>
	</div>

	<!-- 图标 -->
	<div class="tubiao">
		<div class="w_1200">
			<div class="tbCon">
				<ul>
					<li>
						<a href="" target="_blank">
							<img src="images/tb_1.png" class="normal">
							<img src="images/tb_1_hover.png" class="hover">
						</a>
						<a href="" target="_blank">
							<img src="images/tb_1.png" class="normal">
							<img src="images/tb_1_hover.png" class="hover">
						</a>
						<a href="" target="_blank">
							<img src="images/tb_1.png" class="normal">
							<img src="images/tb_1_hover.png" class="hover">
						</a>
						<a href="" target="_blank">
							<img src="images/tb_1.png" class="normal">
							<img src="images/tb_1_hover.png" class="hover">
						</a>
						<a href="" target="_blank">
							<img src="images/tb_1.png" class="normal">
							<img src="images/tb_1_hover.png" class="hover">
						</a>
						<a href="" target="_blank">
							<img src="images/tb_1.png" class="normal">
							<img src="images/tb_1_hover.png" class="hover">
						</a>
						<a href="" target="_blank">
							<img src="images/tb_1.png" class="normal">
							<img src="images/tb_1_hover.png" class="hover">
						</a>
						<a href="" target="_blank">
							<img src="images/tb_1.png" class="normal">
							<img src="images/tb_1_hover.png" class="hover">
						</a>
						<a href="" target="_blank">
							<img src="images/tb_1.png" class="normal">
							<img src="images/tb_1_hover.png" class="hover">
						</a>
						<a href="" target="_blank">
							<img src="images/tb_1.png" class="normal">
							<img src="images/tb_1_hover.png" class="hover">
						</a>
						<a href="" target="_blank">
							<img src="images/tb_1.png" class="normal">
							<img src="images/tb_1_hover.png" class="hover">
						</a>
						<a href="" target="_blank">
							<img src="images/tb_1.png" class="normal">
							<img src="images/tb_1_hover.png" class="hover">
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
    
    <div class="com_fo">
		<!-- 商务 -->
		<div class="bot_hezuo">
			<div class="f_bg"></div>
			<div class="w_1200 fhCon">
				<div class="ft_1">
					<em></em>
					<span>商务合作</span>
				</div>
				<div class="fc_2">
					<p>联系人：丘先生</p>
					<p>公司名称：车城网络科技（上海）有限公司南京分公司</p>
					<p>公司地址：南京市雨花台区雨花东路65-1号</p>
					<p>邮编：210012         手机：13600419347</p>
					<p>邮箱：qiushida@che.com</p>
					<p>电话：400-888-7777</p>
					<p>网址：www.checheng.com</p>
				</div>
			</div>
		</div>
		<!-- footer -->
		<div class="footer">
		    <div class="w_1200">
				<em class="flogo"><img src="images/f_logo.png"></em>
				<div class="footList">
					<dl class="max">
						<dt>新闻评测</dt>
						<dd>
							<a href="" target="_blank">行业动态</a>
							<a href="" target="_blank">试驾评测</a>
				    		<a href="" target="_blank">热点跟踪</a>
				    		<a href="" target="_blank">专业评测</a>
				    		<a href="" target="_blank">新车资讯</a>
				    		<a href="" target="_blank">对比评测</a>
				    		<a href="" target="_blank">政策法规</a> 
						</dd>
					</dl>
					<dl class="max">
						<dt>导购</dt>
						<dd>
							<a href="" target="_blank">购车指南</a>
							<a href="" target="_blank">对比购车</a>
				    		<a href="" target="_blank">新车图解</a>
				    		<a href="" target="_blank">深度调查</a>
				    		<a href="" target="_blank">销量分析</a>
				    		<a href="" target="_blank">海选购车</a>
				    		<a href="" target="_blank">优惠购车</a> 
						</dd>
					</dl>
					<dl class="min">
						<dt>改装赛事</dt>
						<dd>
							<a href="" target="_blank">改装资讯</a>
							<a href="" target="_blank">库车图秀</a>
				    		<a href="" target="_blank">赛车解析</a>
				    		<a href="" target="_blank">赛事动态</a>
						</dd>
					</dl>
					<dl class="min">
						<dt>用车</dt>
						<dd>
							<a href="" target="_blank">用车指南</a>
							<a href="" target="_blank">维修保养</a>
				    		<a href="" target="_blank">事故分析</a>
				    		<a href="" target="_blank">用品体验</a>
						</dd>
					</dl>
				</div>
			</div>
			<div class="flinks">
			    <div class="w_1200">
					<div class="links">
						<a href="index.html" target="_blank" class="active">首页</a>|
						<a href="about.html" target="_blank">关于我们</a>|
						<a href="joinus.html" target="_blank">加入我们</a>|
						<a href="cooperate.html" target="_blank">商务合作</a>
					</div>
					<p class="copyright">
						Copyright ©️ 2017 车城网络科技（上海）有限公司南京分公司是车城控股股份有限公司版权所有，未经许可不可转载
					</p>
                 </div>   
			</div>
		</div>
    </div>
</div>
<script src="js/wow.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/wySilder.min.js"></script>
<script src="js/saparallax.js"></script>
<script src="js/jquery.SuperSlide.2.1.js"></script>
<script>
if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
	new WOW().init();
};

$(function (){
	// silde
	$(".js-silder").silder({
        auto: true,//自动播放，传入任何可以转化为true的值都会自动轮播
        speed: 20,//轮播图运动速度
        sideCtrl: true,//是否需要侧边控制按钮
        bottomCtrl: true,//是否需要底部控制按钮
        defaultView: 0,//默认显示的索引
        interval: 3000,//自动轮播的时间，以毫秒为单位，默认3000毫秒
        activeClass: "active",//小的控制按钮激活的样式，不包括作用两边，默认active
    });
    // tese
    $(".icon_k").hover(function(){
    	$(this).find(".hover").fadeIn();
    },function(){
    	$(this).find(".hover").fadeOut();
    });
    $(".pIcon").slide({ mainCell:".pIlist", effect:"left",vis:5, pnLoop:false, scroll:1, autoPage:true});
    // zhiwei
    $(".jiCon .container").slide({ titCell:".zhiweiCon .zhiwei",mainCell:".icont",delayTime:0,triggerTime:0 });
     $(".menuL").slide({titCell:".hd ul",mainCell:".menuList .zhiweiCon",autoPage:true,effect:"top",autoPlay:false,vis:4,trigger:"click"});
    // header
    var nav=$("#header"); //得到导航对象
	var win=$(window); //得到窗口对象
	var sc=$(document);//得到document文档对象。
	win.scroll(function(){
		 if(sc.scrollTop()>=60){
		    nav.addClass("mini");
		  }else{
		   nav.removeClass("mini");
		  }
	 })
});
</script>

</body>
</html>